Capturing a screenshot in Chrome DevTools

Easily capture an area, the entire screen or a scrolling page and instantly add annotations: highlight, draw, write...

現在 Google Chrome 也內建網頁擷取工具以及將完整頁面保存下來的「網頁長截圖」製作功能，不用額外下載、安裝外掛或擴充功能，只要輸入指令就能做到。

最近寫文章常常需要對網頁進行截圖，但是有些區塊的內容很長但是我們的螢幕範圍有限，只能被迫拆成多個圖片或是縮小頁面犧牲畫質，這時可以直接利用Chrome內建的截圖功能輕鬆將網頁內容擷取。

Capture area screenshot will turn your cursor into a big + sign; click and drag this over the area you want to screenshot within the open Chrome window. Release the click to save the screenshot.

使用截图功能：输入"screenshot"，即可使用以下四种专业截图方式： • 当前屏幕截图 (Capture screenshot) • 整页面长截图 (Capture full size screenshot) • 自由区域截图 (Capture area screenshot) • 元素智能截图 (Capture node screenshot) ???? 功能亮点： - 完全免费，无需安装任何第三 ...

Chrome內建截圖功能 (Capture screenshot)教學，免安裝軟體，按下鍵盤快捷鍵，就能讓Chrome自動滾動網頁擷取整個長畫面、自選區域截圖、將目前看到的視窗截圖…等4種截圖模式，輕鬆截取想要的網站畫面，並儲存成PNG圖片到電腦中，Windows和Mac都能用。